Error-Message Guidelines錯誤訊息設計指南

有效的錯誤訊息是提升使用者體驗的關鍵。設計良好的錯誤訊息應具備高度可見性、提供建設性的溝通,並尊重使用者的操作和投入。本文基於 Jakob Nielsen 的可用性準則(Usability Heuristics),重點闡述如何設計錯誤訊息,幫助使用者識別、診斷並解決問題。

可見性指南

錯誤訊息應具有足夠的視覺吸引力,同時避免引起混淆。具體原則如下:

錯誤訊息應靠近問題源顯示:將錯誤提示放在問題發生的介面元素附近,減少使用者的認知負擔。

使用顯眼且符合無障礙設計的提示:採用粗體、高對比度及紅色文字等方式突出錯誤資訊。同時使用邊框高亮和圖示來增強提示效果。確保設計符合無障礙標準,不僅依賴顏色或動畫來提示錯誤。

良好: 亞馬遜使用多種技術來指示錯誤: 邊框突出顯示、圖示和紅色文字。
良好:CafePress 顯示動畫橫幅,以吸引使用者的注意力到空白的自定義欄位。

根據錯誤的嚴重程度設計提示:使用不同型別的提示訊息來區分問題的嚴重性。例如,對於輕微的問題使用彈出通知(toast notification),而對於影響使用者操作的嚴重錯誤,使用模態對話方塊(modal dialog)。

Good: Kohl's 使用沒有傳統紅色格式的訊息來通知使用者潛在的發貨延遲。

避免過早顯示錯誤訊息:不要在使用者操作流程中過早顯示錯誤提示。對於可能產生較多錯誤的互動(如密碼輸入),可以採用實時的行內驗證(inline validation),但要避免在使用者尚未完成輸入時顯示錯誤資訊。

良好:CLEAR 在文字輸入附近提供有關滿足特定密碼要求的清晰、可訪問的指示符,這可能是一個極易出錯的互動。

溝通指南:錯誤訊息的內容應清晰、簡潔且具有指導性,以幫助使用者理解並解決問題:

效率指南

錯誤訊息不僅要描述問題,還要儘可能保護使用者的操作和時間投入:

在嚴重故障時用創新化方式減輕負面影響

在系統遇到嚴重故障(如伺服器過載)而無法正常提供服務時,可結合新穎或有趣的方式來緩解使用者的不滿情緒。例如,可以在系統恢復期間提供娛樂或教育內容,維持使用者的興趣並降低負面體驗的影響。

像 ChatGPT 這樣的生成式 AI 體驗可以利用停機時間來娛樂和教使用者瞭解其開放式功能,直到服務恢復。

結論

人機互動在不斷發展過程中,錯誤訊息始終是幫助使用者完成任務的重要環節。遵循以上指南可以在使用者遇到問題時減少挫敗感,幫助使用者高效、順利地完成任務,從而提升整體使用者體驗。